<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在head标签中，使用style标签来定义需要的CSS样式</title>
  <style type="text/css">
    div{
      width: 300px;
      height: 100px;
      background-color: beige;
    }
    span{
      border: 1px solid red;
    }
  </style>
</head>
<body>
<div>hello,北京</div>
<br>
<div>hello，上海</div>
<br>
<span>hello,天津</span>
</body>
</html>

<!--方式2：在 head 标签中，使用 style 标签来定义需要的CSS样式-->
<!--问题分析：-->
<!--只能在同一页面内服用代码维护不方便-->
<!--实际项目中会有很多页面，需要对应页面去修改。工作量大-->